/*公共样式*/
.imgSize{
    width:100%;
    height:100%;
}
/*内容*/ 
.detaile-main{
    width:1170px;
    height:auto;
    overflow: hidden;
    .subnav-mark{
        width:1170px;
        height:56px;
        line-height:56px;
        color:#333;
        & a{
            font-size:12px;
            color:#333;
        }
        & a:hover{
            color:#669acc;
        }
    }
    /*商品详情*/
    .detaile-product{
        width:100%;
        height:auto;
        background:orange;
        .detaile-product-left{
            width:570px;
            height:520px;
            position:relative;
            .detaile-small-img-list{
                width:86px;
                height:470px;
                & li{
                    width:86px;
                    height:86px;
                    border:1px solid #ccc;
                    margin-bottom:10px;
                    border-radius:5px;
                    & img{
                        border-radius:5px;
                        @extend .imgSize;
                    }
                }
            }
            .active{
                display:none;
            }
            .detaile-big-img{
                width:470px;
                height:470px;
                border-radius:5px;
                border:1px solid #ccc;
                position: relative;
                cursor:pointer;
                .zhezhao{
                    width:140px;
                    height:140px;
                    position:absolute;
                    top:0;
                    left:0;
                    background:rgba(0,0,0,.4);
                }
                & img{
                    border-radius:5px;
                    @extend .imgSize;
                }
            }
            .detaile-middle-img{
                width:280px;
                height:280px;
                position: absolute;
                right:-300px;
                z-index:10;
                border:1px solid #ccc;
                border-radius:5px;
                overflow: hidden;
                background-color:#fff;
                & img{
                    border-radius:5px;
                    position: absolute;
                    top:0;
                    left:0;
                    width:940px;
                    height:940px;
                    display:block;
                    background:#ccc;
                }
            }
        }
        /*商品信息描述*/
        .detaile-product-right{
            width:520px;
            height:auto;
            & h1{
                font-size:24px;
                color:#333;
                line-height:32px;
            }
            & p{
                font-size:12px;
                color:#999;
                line-height:19px;
                margin-top:10px;
            }
            .price-message{
                width:520px;
                height:126px;
                padding-left:10px;
                margin-bottom:8px;
                border-top: 1px dashed #d9d9d9;
                background-color: #f5f5f5;
                border-bottom: 1px dashed #d9d9d9;
                .price{
                    height:52px;
                    overflow: hidden;
                    & span{
                        display:block;
                        float:left;
                        color:#000;
                        font-size:12px;
                        margin-top:30px;
                    }
                    & strong{
                        color:#e33955;
                        font-size:28px;
                        margin-top:20px;
                        float:left;
                        margin-left:30px;
                    }
                }
                .pro{
                    height:33px;
                    line-height:33px;
                    font-size:12px;
                    & strong{
                        margin-left:30px;
                        color:#e33955;
                        font-weight:normal;
                    }
                }
                .serve{
                    height:30px;
                    line-height:30px;
                    font-size:12px;
                    .mid-span{
                        margin-left:30px;
                    }
                    .last-span{
                        margin-left:27px;
                    }
                }
            }
            .detaile-tpis{
                width: 100%;
                height:60px;
                .det-text{
                    width:60px;
                    height:60px;
                    font-size:12px;
                    float:left;
                    line-height:60px;
                    padding-left:10px;
                }
                .det-con{
                    width:460px;
                    float:left;
                    height:60px;
                    & em{
                        display:block;
                        font-style:normal;
                        width:58px;
                        height:34px;
                        line-height:34px;
                        margin-top:13px;
                        font-size:12px;
                        text-align:center;
                        border-radius:3px;
                        background:#fff;
                        border:1px solid #d9d9d9;
                    }
                    .det-num-wrap{
                        width:102px;
                        height:34px;
                        float:left;
                        border-radius:3px;
                        margin-top:12px;
                        border:1px solid #dbdbdb;
                        background:#fff;
                        .reduce{
                            display:block;
                            float:left;
                            width:30px;
                            height:32px;
                            line-height:32px;
                            text-align:center;
                            color:#7a7979;
                            cursor: pointer;
                        }
                        .number{
                            @extend .reduce;
                            width:36px;
                            font-size:12px;
                            color:#000;
                            border-left:1px solid #dbdbdb;
                            border-right:1px solid #dbdbdb;
                        }
                        .plus{
                            @extend .reduce;
                        }
                    }
                    .det-num{
                        float:left;
                        line-height:34px;
                        padding-left:14px;
                        color:#333;
                    }
                }
            }
            .detaile-btns{
                width:100%;
                height:75px;
                padding-top:27px;
                .det-shopping{
                    width:158px;
                    height:48px;
                    display:block;
                    float:left;
                    border-radius:3px;
                    line-height:48px;
                    text-align:center;
                    background:#fff;
                    color:#669acc;
                    font-size:18px;
                    border:2px solid #6699cc;
                }
                .det-shopping:hover{
                    background-color: #cce6ff;
                }
                .det-cart{
                    @extend .det-shopping;
                    background:#6699cc;
                    color:#fff;
                    margin-left:10px;
                }
                .det-cart:hover{
                    background-color: #729FCC;
                }
                .operation{
                    display:block;
                    float:left;
                    width:40px;
                    height:48px;
                    text-align:center;
                    float:left;
                    color:#999;
                    margin-left:30px;
                    & img{
                        display:block;
                        margin:0 auto;
                        margin-top:10px;
                    }
                    & span{
                        font-size:12px;
                    }
                }
            }
        }
    }
}

/*商品评价*/ 
.product-assess{
    margin-bottom:80px;
    .assess-left{
        width:790px;
        height:auto;
        border:1px solid #d9d9d9;
        .btn-toggle{
            width:100%;
            height:50px;
            border-bottom:1px solid #d9d9d9;
            background:#f5f5f5;
            & a{
                display:block;
                width:170px;
                height:48px;
                color:#333;
                font-size:14px;
                float:left;
                line-height:50px;
                text-align: center;
            }
            .active{
                color:#6699cc;
                border-right:1px solid #d9d9d9;
                background:#fff;
            }
        }
        .assess-pro-con{
            & img{
                @extend .imgSize;
            }
        }
        .assess-ass-con{
            padding:0 20px 50px 20px;
            .ass-con-btns{
                height:60px;
                border-bottom:1px solid #d9d9d9;
                .ass-con-btns-item{
                    width:90px;
                    display:block;
                    float:left;
                    height:59px;
                    line-height:59px;
                    .btn{
                        display:block;
                        width:16px;
                        height:16px;
                        border-radius:50%;
                        float:left;
                        margin-top:24px;
                        border:1px solid #d9d9d9;
                        & i{
                            display:block;
                            width:8px;
                            height:8px;
                            margin:0 auto;
                            margin-top:3px;
                            border-radius: 50%;
                        }
                    }
                    .btn-t{
                        font-size:12px;
                        color:#000;
                        margin-left:10px;
                    }
                }
                .active .btn i{
                    background:#669acc;
                }
            }
        }
        .comment-com{
            width:100%;
            padding:0 10px;
            overflow: hidden;
            .comment-con-left{
                width:85px;
                float:left;
                & img{
                    display: block;
                    width:50px;
                    height:50px;
                    margin-top:40px;
                    background:blue;
                    border-radius:50%;
                }
                & p{
                    width:50px;
                    font-size:12px;
                }
            }
            .comment-con-right{
                width:643px;
                height:auto;
                float:left;
                padding-top:35px;
                .comment-con-right-t{
                    line-height:22px;
                    font-size:14px;
                    color:#333;
                }
                .content{
                    width:100%;
                    height:auto;
                    & img{
                        width: 61px;
                        height:61px;
                        margin-top:6px;
                        border:1px solid #d9d9d9;
                    }
                }
                .comment-text{
                    width:100%;
                    height:auto;
                    color:#999;
                    font-size:12px;
                    line-height:20px;
                    & span{
                        float:left;
                        font-size:12px;
                    }
                    & i{
                        float:right;
                        font-style:normal;
                        font-size:12px;
                    }
                }
            }
        }
    }
    .assess-right{
        width:350px;
        height:auto;
        border:1px solid #d9d9d9;
        .assess-right-title{
            width:100%;
            height:50px;
            border-bottom:1px solid #d9d9d9;
            background:#f5f5f5;
            text-align:center;
            line-height:50px;
            color:#333;
        }
        .assess-right-con{
            padding:0 14px;
            .assess-right-con-item{
                height:130px;
                border-bottom:1px dashed #d9d9d9;
                padding:20px 0;
                & img{
                    width:90px;
                    height:90px;
                }
            }
            .assess-right-con-item:last-child{
                border:none;
            }
            .assess-right-con-item-tpis{
                width:220px;
                height:90px;
                .link-nav{
                    line-height:20px;
                    font-size:14px;
                    height:40px;
                    overflow: hidden;
                }
                .price-old{
                    height:20px;
                    margin-top:30px;
                    line-height:20px;
                    .newPrice{
                        font-size:15px;
                        color:#e33955;
                    }
                    .oldPrice{
                        font-size:12px;
                        color:#666;
                        text-decoration:line-through;
                    }
                }
            }
        }
    }
}